<!--
 * @Author: hongzhew
 * @Date: 2022-04-07 17:54:30
 * @LastEditors: hongzhew
 * @LastEditTime: 2022-04-07 17:56:57
 * @Description: 
-->
<template>
    <div></div>
</template>

<script lang="ts">
    import { reactive, toRefs, onBeforeMount, onMounted } from 'vue';
    interface DataProps {}
    export default {
        name: '',
        setup() {
            console.log('1-开始创建组件-setup');
            const data: DataProps = reactive({});
            onBeforeMount(() => {
                console.log('2.组件挂载页面之前执行----onBeforeMount');
            });
            onMounted(() => {
                console.log('3.-组件挂载到页面之后执行-------onMounted');
            });
            const refData = toRefs(data);
            return {
                ...refData,
            };
        },
    };
</script>
<style scoped lang="scss"></style>
